{% extends "base.html" %}


{% block mystyles %}
    <style>
        html, body {
            background-image: url('/static/image/login.jpeg');
            background-size: 100% 100%;
            overflow: hidden;
            width: 100%;
            height: 100%;
            margin: 0px;
        }

        #my-panel,.flash {
            margin: 15px;
        }
    </style>

{% endblock %}

{% block content %}

    <div class="container">

        <div class="row">

            <div class="row">
                <div class="col-md-4">&nbsp;</div>
                <div class="col-md-4">
                    {% include 'message.html' %}
                    {% block form_content %}
                        <form method="post">
                            {{ form.csrf_token }}
                            <div class="panel panel-default" id="my-panel">
                                <div class="panel-heading ">Welcome</div>
                                <div class="panel-body">
                                    <table class="table">
                                        <tbody>
                                        <tr>
                                            <td>{{ form.account.label }}</td>
                                            <td>{{ form.account }} </td>
                                        </tr>
                                        <tr>
                                            <td>{{ form.password.label }}</td>
                                            <td>{{ form.password }} </td>
                                        </tr>
                                        <tr>
                                            <td>{{ form.submit }}</td>
                                            <td style="text-align: right"><a href="/sign" class="btn">注册</a></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>

                            </div><p>admin:123</p>
                        </form>

                    {% endblock %}
                </div>
                <div class="col-md-4">&nbsp;

                </div>
            </div>
        </div>
    </div>

{% endblock %}

{#    {% block ext_scripts %}#}
{#        <script>$(".flash").fadeOut(5000);</script>#}
{#    {% endblock %}#}